﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no,email=no,adress=no"/>
<title>先花花</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/jquery.md5.js"></script>
<script type="text/javascript" src="script/jquery.cookie.js"></script>
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript">
  $(function(){
     get_data(1);
     $("#more").click(function(){
      page = parseInt($("#page").val());
      get_data(page);
     })
  });
  function get_data(page){
      $.ajax({
          url:commonUrl+"/Investment/index",
          data:{appid:appid,appkey:appkey,uid:uid,status:1,page:page},
          type:"get",
          dataType:"jsonp",
          jsonp:"callback",
          success:function(result){
            if(result.status == 200){
              $("#page").val(page+1)
              addData(result.data);
            }
            if(result.status == 201){
              alert("没有更多数据了");
              return false;
            }
          }
      });
  }
  function addData(data){
    var str = '';
    $.each(data,function(n,v){
      str+='<tr><td align="left" width="40%" style="padding-left:10px; color:#4A4A4A;">'+v.time+'<span class="tbline"></span> </td><td style="color:#0caffe;" align="center"><span class="tbline"></span><i>'+v.money+'</i></td><td align="right" style="padding-right:10px;"><a href="#">查看详细</a><a href="#">查看协议</a></td></tr>'
    })
    str+='</tr>';
    $("#box").html($("#box").html()+str);
  }
</script>
</head>
<body>
<!-- 页面头部 -->
<section>
  <div class="navigation-bar"> <a href="javascript:history.back(-1)" class="z-01"></a> <span>投资记录</span> <a href="index.html" class="z-02"></a> </div>
</section>
<!-- 中间内容 -->
<div class="wrapper">
  <div class="personalform">
      <div class="tzjl-tabs">
        
        <div class="tab-border"></div>
        <input type="hidden" name="" value="1" id="page">
        <a id="form:j_idt39" href="#" title="投标中" id="" class="active">投资中 </a> <span class="split-line">|</span><a id="form:j_idt49" href="#" title="回款中">回款中 </a> <span class="split-line">|</span><a id="form:j_idt56" href="#" title="已结束">已完成 </a> </div>
      <div class="tzjl-con1" style="min-height:150px;padding-top:100px;text-align:center;background-color:#fff; display:none">您最近还没有投资记录！ </div>
	  <div class="c-tabs-cnt c-tzjlinfo" style=" padding-bottom:60px;">
          <table style="width: 100%">
            <tbody id="box">
        <tr><th align="left" width="40%" style="padding-left:10px;">投资时间<span class="tbline" style="margin-top:15px;"></span></th><th width="25%" align="center">金额(元)<span class="tbline" style="margin-top:15px;"></span></th><th align="right" width="25%" style="padding-right:10px;">操作</th></tr>
            </tbody>
          </table>
          <div class="clear"></div>
          <div class="addmore"><ac href="#" title="查看更多" class="btn-ckgd" id="more">查看更多↓</ac> </div>
      </div>
  </div>
  <div class="clear"></div>
</div>
<!-- 页面底部 -->
<nav class="footer border_t" id="footer"> 
  <a href="index.html" class="" id="jx"><span></span>首页</a>
   <a href="list.html" id="lc" class=""><span></span>理财</a> 
  <a href="borrow_money.html" id="jk" class=""><span></span>借款</a>
   <a href="user.html" id="cf" class="nav_on"><span></span>我的账户</a> </nav>
</body>
</html>
